$(function(){
    //h3的onOff属性来控制侧边栏的展开与折叠,,,,,,,,当onOff = 0的时候是展开的状态,,,,,,,,
    var _index,//获取h3对应的下标
        ulLen = $('.sub_list').length,
        li_span_index;

    // 点击h3让元素显示或者隐藏,,..二级菜单的展开和折叠
    $(document).on('click','#accordion h3',function(){

        _index = $('#accordion h3').index(this);//获取到的是在整个页面当中.prev这个类名的index;
        if( $(this).attr('onOff') == 0 )
        {
            $(this).css( {'background':'#2e2b44'} );
            $(this).css( {'color':'rgb(9,106,200)'} );

            $(this).children('span').eq(0).removeClass('icon_down');
            $(this).children('span').eq(0).addClass('icon_zuo');
            $('.sub_list').eq(_index).hide();
            $(this).attr('onOff',1);
        }
        else
        {
            $(this).css( {'background':'rgb(9,106,200)'} );
            $(this).css( {'color':'#fff'} );

            $(this).children('span').eq(0).removeClass('icon_zuo');
            $(this).children('span').eq(0).addClass('icon_down');
            $('.sub_list').eq(_index).show();
            $(this).attr('onOff',0);
        };
    });

    //对于动态生成的元素,,,要用for来遍历,,,,为一级菜单设置展开和折叠,,,,并设置图标
    for( var i=0;i<ulLen;i++ )
    {
        if($('#accordion h3').eq(i).attr('onOff') == 1)
        {
            $('.sub_list').eq(i).hide();
            $('#accordion h3').eq(i).children('span').eq(0).addClass('icon_zuo')
        }
        else
        {
            $('.sub_list').eq(i).show();
            $('#accordion h3').eq(i).children('span').eq(0).addClass('icon_down')
        };
    };
    //点击li_span,让三级菜单展开和折叠,      li_span控制三级菜单的展开和折叠    li_span和third_list的index是同步的,,,
    $(document).on('click','.li_span',function(){
        li_span_index = $('.li_span').index(this);//获取到的是在整个页面当中.li_span这个类名的index;

        if( $(this).attr('onOff') == 0 )
        {
            $('.third_list').eq(li_span_index).show();
            $(this).attr('onOff',1);
            $(this).removeClass('icon_zuo');
            $(this).addClass('icon_down');
        }
        else
        {
            $('.third_list').eq(li_span_index).hide();
            $(this).attr('onOff',0);
            $(this).removeClass('icon_down');
            $(this).addClass('icon_zuo');
        }

    })







});